/* pagination */
.pagination {
    text-align: center;
    font-size: 1.4rem;
    margin: 40px 0;
}

.pagination-container {
    /* display: inline-block; */
}

.pagination-container .pagination {
    margin: 0;
    padding: 0;
    justify-content: center;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pagination-container .pagination li {
    /* color: var(--black-color); */
    /* padding: 8px 14px; */
    /* text-decoration: none; */
    /* transition: background-color 0.3s; */
    /* margin: 0 4px; */
}

.pagination-container .pagination li.activePaginate {
    border: 1px solid var(--black-color);
}

.pagination-container .pagination li a,
.pagination-container .pagination li span {
    padding: 10px 14px;
    display: block;
    text-decoration: none;
    color: var(--black-color);
    /* transition: background-color 0.3s; */
    /* margin: 0 4px; */
}

.pagination-container .pagination li a:hover:not(.activePaginate) {
    background-color: var(--second-color);
}
/* end pagination */

/* responesive */
@media (min-width: 740px) {
    /* pagination */
    /* .pagination {
    text-align: center;
    font-size: 1.4rem;
  }
  .pagination-container a {
    padding: 8px 16px;
  } */
    /* end pagination */
}